<template>
    <div>
        <div class="MRRLM_Img">
            <img src="../../../assets/rankLogo.jpeg" alt="">
        </div>
        <van-tabs class="vantabs">
            <div class="MRRLMContainer">
                <van-tab :title="'全部'">
                    <ul class="MRRLMC_Box">
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                    </ul>
                </van-tab>
                <van-tab :title="'都市'">
                    <ul class="MRRLMC_Box">
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                    </ul>
                </van-tab>
                <van-tab :title="'玄幻'">
                    <ul class="MRRLMC_Box">
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                    </ul>
                </van-tab>
                <van-tab :title="'历史'">
                    <ul class="MRRLMC_Box">
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                    </ul>
                </van-tab>
                <van-tab :title="'游戏'">
                    <ul class="MRRLMC_Box">
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                    </ul>
                </van-tab>
                <van-tab :title="'武侠仙侠'">
                    <ul class="MRRLMC_Box">
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                    </ul>
                </van-tab>
                <van-tab :title="'末世'">
                    <ul class="MRRLMC_Box">
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                    </ul>
                </van-tab>
                <van-tab :title="'系统'">
                    <ul class="MRRLMC_Box">
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                    </ul>
                </van-tab>
                <van-tab :title="'重生'">
                    <ul class="MRRLMC_Box">
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                    </ul>
                </van-tab>
                <van-tab :title="'科幻'">
                    <ul class="MRRLMC_Box">
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                    </ul>
                </van-tab>
                <van-tab :title="'悬疑'">
                    <ul class="MRRLMC_Box">
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                    </ul>
                </van-tab>
                <van-tab :title="'异能'">
                    <ul class="MRRLMC_Box">
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                    </ul>
                </van-tab>
                <van-tab :title="'爽文'">
                    <ul class="MRRLMC_Box">
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                    </ul>
                </van-tab>
                <van-tab :title="'热血'">
                    <ul class="MRRLMC_Box">
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="li_Img">
                                <img src="" alt="">
                            </div>
                            <div class="li_Text">
                                <p class="li_Title">
                                    <span class="book_name">一剑独尊</span>
                                    <span class="book_hot">1350万热度</span>
                                </p>
                                <p class="li_writer">辰燃</p>
                                <p class="li_Tag">
                                    杀伐果断·连载·842万字
                                </p>
                            </div>
                        </li>
                    </ul>
                </van-tab>
            </div>
        </van-tabs>
    </div>
</template>

<script>
import Vue from 'vue';
import { Tab, Tabs } from 'vant';

Vue.use(Tab);
Vue.use(Tabs);
export default {
    data(){
        return{

        }
    }
}
</script>

<style lang="less">
.MRRLMContainer{
  width: 92%;
  margin: 0px auto;
}
.MRRLM_Img{
    width: 100%;
    img{
        width: 100%;
    }
}
.vantabs{
    background-color: #fff;
    ul.MRRLMC_Box{
        li{
            padding: 10px 0px;
            display: flex;
            justify-content: space-between;
            .li_Img{
                width: 78px;
                height: 100px;
                background-color: pink;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            .li_Text{
                width: 72%;
                padding-top: 5px;
                p.li_Title{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    span.book_name{
                        font-size: 18px;
                        font-weight: bold;
                    }
                    span.book_hot{
                        font-size: 13px;
                        color: #b8a590;
                    }
                }
                p.li_writer{
                    font-size: 13px;
                    color: #aaa;
                    margin-top: 10px;
                }
                p.li_Tag{
                    font-size: 13px;
                    color: #aaa;
                    margin-top: 10px;
                }
            }
        }
    }
}
</style>